<template>
  <div class="container">
    <el-card class="info-wrapper">
      <div style="width: 100%;text-align: center">
        <span style="font-weight: bold;font-size: 18px">客户档案详情</span>
      </div>
      <div style="padding-top: 30px">
        <el-form ref="form" :model="form" label-width="80px">
          <el-form-item label="客户名称">
            <el-input v-model="form.name" style="width: 500px" clearable />
          </el-form-item>
          <el-form-item label="客户代码">
            <el-input v-model="form.code" style="width: 500px" clearable />
          </el-form-item>
          <el-form-item label="客户状态">
            <el-switch v-model="form.status" />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSubmit">保存</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'ArchivesBusinessCustomerInfo',
  data() {
    return {
      form: {
        name: '',
        code: '',
        status: ''
      }
    }
  },
  computed: {
    id() {
      return this.$route.query.id || 0
    }
  },
  watch: {

  },
  mounted() {
  },
  activated() {

  },
  methods: {
    onSubmit() {

    },
    getInfo(id) {
      const params = { id }
      this.$request({
        url: '/service/customer',
        method: 'get',
        params: params
      }).then(() => {

      }).catch((error) => {
        this.$message({
          message: error,
          type: 'warning'
        })
      })
    }
  }
}
</script>
<style scoped>
  .info-wrapper{
    margin-top: 10px;
    margin-left: 10px;
    width: 100% !important;
    margin-bottom: 10px;
  }
</style>
